Introduction to Course 3: Build Wireframes and Low-Fidelity Prototypes 構建線框圖和低保真原型
在接下來的學習中,我們將開始更頻繁地動手繪製草圖,包括建立故事板(storyboards)、線框圖(wire frames)和低保真原型(low fidelity prototypes)。
1. 已完成的設計流程階段 Completed UX Design Stages
你已經完成了以下UX設計流程的初步階段:
- 同理心階段(Empathize):學習如何站在使用者角度思考,理解使用者的真實需求。
- 問題定義階段(Define):探索使用者需求,形成清晰的問題陳述。
- 概念構思階段(Ideate):開始透過諸如“瘋狂八分鐘”(Crazy Eights)和“我們如何能夠...?”(How Might We)等活動,提出設計解決方案的初步想法。
2. 即將進入的設計階段 Upcoming Focus Areas
本課程將繼續進行頭腦風暴,探索低成本、低投入的解決方案形式。課程結束時,你將進入原型設計階段(Prototype),並具體掌握以下能力:
- 使用調研結果指導創意構思。
- 構建故事板(Storyboards),並解釋如何從故事板發展出線框圖(Wireframes)。
- 繪製基礎元素,如形狀和線條。
- 理解資訊架構(Information Architecture),即介面內容的結構與組織方式。
- 繪製紙質線框圖(Paper Wireframes)。
- 使用Figma工具建立數字線框圖(Digital Wireframes)。
- 構建低保真紙質原型(Paper Prototypes)。
- 使用Figma構建低保真數字原型(Digital Prototypes)。
- 理解並避免設計中的欺騙性模式(Deceptive Patterns)。